const path = require('path')
module.exports = {
  // 开发环境， 打包不压缩代码
  mode: 'production',
  //入口
  entry: {
    main: './src/index.js'
  },
  //输出配置
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  //配置模块打包规则
  module: {
    rules: [
      //loader 执行顺序 从上到下， 从右到左
      {
        test: /\.(png|jpg|gif)$/,
        use: {
          //用于将文件转换为 base64 URI 的 loader。
          loader: 'url-loader',
          options: {
            // placeholder 占位符
            name: '[name].[ext]',
            // 指定放置目标文件的路径
            outputPath: 'images/',
            // Boolean 开启/ 关闭将文件转换为 base64。  number: 小于就打包成base64，大于就正常打包（file- loader的方式），。
            limit: 1024
          }
        }
      },
      {
        test: /\.(css|sass|scss|less)$/,
        use: [
          { loader: 'style-loader' },
          {
            loader: 'css-loader',
            options: {
              //importLoaders 选项允许你配置在 css-loader 之前有多少 loader 应用于@import 资源。 默认0
              importLoaders: 2,
              modules: true
            }
          },
          { loader: 'sass-loader' },
          { loader: 'postcss-loader' }
        ]
      }
    ]
  }
}